<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <%@include file="ScriptReferences.html" %>
       

        <link href="calendario/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
   <script src="calendario/jquery.ui.datepicker-es.js"></script>

  <script>
  $(document).ready(function() {
    $("#datepicker").datepicker();
  });
  </script>

    </head>
    <body >
        <div id="wrap">
            <%@include file="Header.html" %>
            <p style="float:right; margin-right: 30px;"> Bienvenido usuario 1</p>
                <!-- content-wrap starts -->
                <div id="content-wrap" class="two-col"  >
              
                        <div id="main" >

                           <input type="button" id="datepicker" value="VERIFICAR RESERVA" onclick="document.getElementById('perfil').style.display='none';"style="width:200px; background:#3399bb;"">
                            <input type="button"  value="PERFIL" onclick="document.getElementById('perfil').style.display='block'" style=" width:200px; background:#3399bb;  ">
                         
                          <div style="display:none" id="perfil">
                                <br/>   <br/>   
                               <form action="ActualizarUsuario" method="post">
                                   <fieldset><legend>USUARIO</legend>
                            <table border="0" cellpadding="1" cellspacing="1" width="100%">
                                <tr><td><label>DNI</label> </td><td><input name="dni" type="text" size="30" value="<%=request.getAttribute("dni") %>"/></td></tr>
                                <tr><td><label>Clave</label> </td><td><input name="clave" type="password" size="30" value="<%=request.getAttribute("clave") %>"/></td></tr>
                                <tr><td><label>Nombre</label> </td><td><input name="nombre" type="text" size="30" value="<%=request.getAttribute("nombre") %>"/></td></tr>
                                <tr><td><label>Celular</label> </td><td><input name="celular" type="text" size="30" value="<%=request.getAttribute("celular") %>"/></td></tr>
                                <tr><td><label>Correo</label> </td><td><input name="correo" type="text" size="30" value="usuario1@hotmail.com"/></td></tr>
                                <tr><td><input type="submit" value="Actualizar"></td></tr>
                            </table>
                                   </fieldset>
                    </form>



                          </div>
                            <div style="height:400px">&nbsp;</div>
                        <div id="divGridFiltro"></div>

                        </div>
                <!-- content-wrap ends-->
                </div>
            <%@include file="Footer.html" %>
        <!-- wrap ends here -->
        </div>
    </body>
</html>